<!--
 * @Description:
 * @version:
 * @Author: 娃哈哈
 * @Date: 2024-12-18 20:58:23
-->
<template>
    <div class="box">
        <bgBox @click="showPopupFun">
            <sectionTitle title="金融服务" />
            <div class="content">
                <!-- <lineEcharts /> -->
                <pieRoseEcharts title="金融服务" :list="list"/>
            </div>
        </bgBox>
    </div>
</template>

<script setup lang="ts">
import bgBox from '../components/bgBox.vue'
import sectionTitle from '../components/sectionTitle.vue'
import lineEcharts from '../components/lineEcharts.vue'
import pieRoseEcharts from '../components/pieRoseEcharts.vue'
import labelBox from '../components/labelBox.vue'
import { currentGET } from "@/api";
import { PopupType } from '../../index.d'
import { inject } from 'vue'
import { ref, reactive } from "vue";
const showPopup = inject('showPopup') as (data: PopupType) => void;
/**
 * 获取列表点击事件
 */
const showPopupFun = (item: Object) => {
  console.log(item)
    showPopup({ type: 21, show: true, popupFlag: 'enterpriseList', searchInfo: { }})
}
const list = ref([]);
const getData = () => {
  currentGET("enterpriseIntegratedService").then((res) => {
    console.log(res);
    if (res.success) {
      list.value = res.data.financialService;
    }
  });
};
getData();
</script>

<style scoped lang="less">
.box {
    height: 240px;
}
.content{
    height: 200px;
}

</style>